<template>
	<view>
		<u-navbar back-text="返回"  :customBack="back" backIconName="" :backTextStyle="backTextColor"
			backIconColor="#39CCCC" :background="background">
		</u-navbar>
		<view class="add-content">
			<u-upload ref="uUpload" :action="action" :auto-upload="false" @on-uploaded="Uploadsuccess"></u-upload>
			<u-button class="custom-button" @click="submit">提交</u-button>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				customStyle: {
					backgroundColor: '#fff',
					color: '#111'
				},
				background: this.TopColor,
				backTextColor: {
					'color': '#ffffff'
				},
				filesArr: [],
				action: ''
			}
		},
		onLoad() {},
		onShow() {
			this.action = this.$http.domain + "/wallpaper/uploadFile"
		},
		methods: {
			submit() {
				this.$refs.uUpload.upload();
			},
			Uploadsuccess(res, index, lists){
				this.$refs.uUpload.clear();
			}
		}
	}
</script>

<style lang="scss">
	.search-wrap {
		margin: 0 30rpx 0 10rpx;
		flex: 1;
	}

	.grid-text {
		font-size: 20rpx;
		margin-top: 4rpx;
		color: $u-type-info;
	}

	.title {
		font-weight: bold;
		font-size: 30rpx;
		padding-bottom: 20rpx;
	}

	.fw {
		font-weight: bold;
	}

	.f7 {
		background-color: #f7f7f7;
	}
	.add-content{
		padding: 20rpx;
	}
	.custom-button {
	  width: 600rpx;
	  // background-color: #ff337d; /* 设置背景颜色 */
	  color: #fff; /* 设置文字颜色 */
	  border: none; /* 移除边框样式 */
	  padding: 20rpx 40rpx; /* 设置内边距 */
	  margin-top: 100rpx;
	  font-size: 30rpx; /* 设置字体大小 */
	  border-radius: 15rpx; /* 设置圆角 */
	  box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
	 background-image: linear-gradient(45deg, #FC0099, #FAA175);
	}
</style>